<script setup>
import { RouterLink, RouterView } from 'vue-router';
</script>

<template>
  <div>
    App：<br />
    <RouterLink to="/Home" active-class="active">Home</RouterLink> |
    <RouterLink to="/About" active-class="active">About</RouterLink>
    <!-- <RouterLink to="home" active-class="active">Home</RouterLink> |
    <RouterLink to="about" active-class="active">About</RouterLink> -->
  </div>
  <hr />
  <RouterView></RouterView>
</template>

<style scoped>
.active {
  color: red;
}
</style>